@charset "UTF-8";
/*本模板由DM建站系统 www.demososo.com开发 */
*{padding:0;margin:0; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;          box-sizing: border-box;  }
body{font-size:12px; font-family:微软雅黑;color:#000;background:none}
 .container{width: 1200px; margin-left:auto;margin-right:auto;position:relative;padding-left:0;padding-right:0 }
 h3,h4,h5{font-size:14px}
  a{color:#347AD0}
 a:hover{text-decoration:underline; }
a,a:hover,a:focus{text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.content_desp a{text-decoration:underline; }
h1, .h1, h2, .h2, h3, .h3,h4, .h4, h5, .h5, h6, .h6{padding:0;margin:0;  }
td{padding:6px; line-height:20px;}
li{list-style-type:none}
ol li{list-style-type:decimal}








.container{width: 1200px; margin-left:auto;margin-right:auto;position:relative;padding-left:0;padding-right:0 }


.hdhide .regionhd{display:none; }
.regionbox{ clear:both; overflow:hidden; position:relative; }
.regioncnt .desp,.blockwrap  .desp{ font-size:14px; line-height:28px; }
 .regioncnt{margin-top:10px}
.regionhd{margin-top:20px;text-align: center;position:relative; }
.regionhdleft{ text-align: left;  }
.regionhd h3.hd{font-size: 22px;font-weight: normal;color:#1d1e22;padding:15px 0;line-height:28px;  }
 .regionblack  .regionhd h3.hd, .regionblack .regionhd  h2.hd{color:#fff}
.regionhd h3 img{max-height: 60px; }
.regionhd .subtitle{padding:10px;font-size:14px;line-height:18px;  }
.regionmore  {padding:10px 0;text-align:center; clear:both; overflow:hidden; }







/*----begin  block--------------*/

@charset "UTF-8";
 /*column*/
.col_1f6,.col_5f6,.col_1f5,.col_2f5,.col_3f5,.col_4f5,.col_1f4,.col_3f4,.col_1f3,.col_2f3,.colhalf{position:relative; float:left; display:inline; padding:0 10px} /*not use boxcol fl...*/
.nopad .col_1f6,.nopad .col_5f6,.nopad .col_1f5,.nopad .col_2f5,.nopad .col_3f5,.nopad .col_4f5,.nopad .col_1f4,.nopad .col_3f4,.nopad .col_1f3,.nopad .col_2f3,.nopad .colhalf{padding:0; }
.colfl{float:left; display:inline; } .colfr{float:right; display:inline; } /*用liefl优先于fl. 因为fl在dmcommon,所以这里再加个，这样比上面的float:left优先级更高。*/
.col_1f6{width: 16.66%; }.col_5f6{width: 83.33%; }
.col_1f5{width: 20%; }.col_2f5{width: 40%; }.col_3f5{width: 60%; }.col_4f5{width: 80%; }
.col_1f4{width: 25%; }.col_3f4{width: 75%; }
.col_1f3{width: 33.33%; }.col_2f3{width: 66.66%; }
.colhalf{width: 50%; }
.colfull{width: 100%; }



/*relativenode*/
.relativenode {margin:20px 0}
.relativenode a{color:#333;font-size:12px;}
.relativenode li{ padding:0 10px; }
.relativenode h3,.relativenode h4{background:#e2e2e2;padding-left:15px;height: 30px;line-height:30px;font-weight:bold;font-size:14px; }
.relativenodetext .boxcol{padding:0 auto; margin:0 auto; }
.relativenodetext li{ text-align:left; height: 30px;line-height:30px;overflow:hidden;padding-left:20px;padding-right:80px;
background:url(../images/arrow.png) 10px 13px no-repeat; }
 .relativenode .text h3, .relativenode .text h4{background:none;font-weight:normal }
.relativenodetext li span{position:absolute; top:3px;right:5px; color:#999}





/*testimonialsbox*/
.testimonialsboxinc {padding:50px 27px 43px;background-color:#fff;margin-bottom:38px;-webkit-box-shadow:0px 12px 13px 0px rgba(0,0,0,0.15);box-shadow:0px 12px 13px 0px rgba(0,0,0,0.15)}
.testimonialsbox .img{overflow:hidden;margin-bottom:10px}
.testimonialsbox .imginc{float:left;margin-right:21px;width:auto}
.testimonialsbox .imginc img{width: 70px; height: 70px;border-radius:50% }
.testimonialsbox .title{font-size:18px;font-weight:700;padding-top:12px;margin-bottom:0;color:#1b251f}
.testimonialsbox .bz{color:#1688d3;line-height:23px;font-size:14px}
.testimonialsbox .text{position:relative;color:#66646d;padding:13px 21px 2px 21px;font-size:12px;line-height:24px}





@media (max-width: 800px) {
.blockclientszoom li{width: 50%; }
.blockclientszoom li img{width:50%}
}




/*here responsive*/
@media (max-width:960px){

.fullsliders   h4{font-size:20px;margin-bottom:20px}
.fullsliders  .desp{font-size:22px;margin-bottom:20px}
.bannerwater01 .text{ left:50px;top:30%}
.bannerwater01 h4{ font-size:18px; margin-bottom:10px}
.bannerwater01 .desp { font-size:22px;margin-bottom:10px }
.shopdetail_left,.shopdetail_right{width: 100%; }
.mobishopalbumlist li{height:80px}
.searchpopbox form { width:80%;  }
}
@media (max-width:600px){
.fullsliders .text{top:30%}
 .bannerwater01 .desp,.bannerwater01 h4{margin:0; padding:0; font-size:18px;}
.mobishopalbumlist li{height:80px}

}
@media (max-width:480px){
.bannerwater01 .text{ left:50px;top:10%}
.bannerwater01 .dmbtn{padding-top:10px;  }
.bannerwater01 .desp,.bannerwater01 h4{margin:0; padding:0; font-size:14px;}
.mobishopalbumlist li{height:65px}
}
@media (max-width:320px){
.bannerwater01 .dmbtn{padding:0;  }
}


/* ---pc 端 1024-----*/
@media  (min-width: 1026px) {

.gridlist li{height: 200px; }
.gridlist .img img{width: 207px; height: 166px; }

.homenews li a{width: 200px; }
.hidecontent_cainiaoyz .tabs_content{height: 470px; }

.nopagenarrow .needheaderfixed{width: 100%; }

 .gridnode_imgleft .boxcol { height: 230px }

}

/* ---pc 端 800-----*/
@media  (min-width: 801px) {

}


/* -----移动端 1024 ------------------------------------------------------------*/
@media (max-width: 1025px) {
.headersearchrg{top:20px}
 .dmmenumobi{display:block;}
.mt50,.mt80,.mt100{margin-top: 30px}
.mb50,.mb80,.mb100{margin-bottom: 30px}
.mtb50,.mtb80,.mtb100{margin: 30px 0}
.pt50,.pt80,.pt100{padding-top: 30px}
.pb50,.pb80,.pb100{padding-bottom: 30px}
.ptb50,.ptb80,.ptb100{padding: 30px 0}
.container{width: 100%; }
 .pcshow{display:none; }
 .mobshow{display:block;}

.contentwrap{padding:5px 0; }
.sidermenutop li{float:left; width: 48%;text-align:center; border-bottom:1px solid #ccc;border-radius:3px;margin:0 1% 5px 1% }
.sidermenutop_num1 li{width: 98%;margin:0 1% 5px 1% }
.sidermenutop_num3 li,.sidermenutop_num6 li{width: 32%;margin:0 0.6% 5px 0.6% }
.sidermenutop a{ padding:5px 0;margin:0; font-size:14px; }
.sidermenutop a.active:after{display:none; }

  #backtotop a{width:28px;height: 28px; background-size:cover; right:5px;bottom:80px }
  #backtotop a:hover{background-position:0 0}

  .onlineopen{position:absolute; top:0;right:0;background:url(../images/onlineopen_mob.png) no-repeat ;width: 28px; height: 52px;  }
.boxcol .desp{padding:0 8px}
/*footermob*/

.footermob {width:100%; height:60px; padding:5px 0;border-top:1px #ccc solid; position:fixed; bottom:0; left:0; z-index:99999; background:#0B5394;}
.footermob li {float:left; width:20%; text-align:center; color:#fff}
.footermob li a{font-size:14px; color:#fff;}
.footermob li a i {font-size:20px; color:#fff;}
.footermob li a span {display:block;}
/*hide*/
.sidebar_1,.tab,.tabarea,.headercolor,.headertel{display:none; }
.tongji{display:none; }
.topsearchbox{display:none;top:50px }
.sub-nav-toggle{display:block;float:right;margin-top:1px; width:36px;height:36px;cursor:pointer;background:#7ccbfc url('../images/menusub.png') center -30px no-repeat;-o-transition:all 500ms ease-in;-webkit-transition:all 500ms ease-in;-moz-transition:all 500ms ease-in;transition:all 500ms ease-in}
.sub-nav-toggle.plus{background:#1b253b url('../images/menusub.png') center 13px no-repeat}
.menu li li .sub-nav-toggle{height: 30px;background-position:center -35px ; }
.menu li li .sub-nav-toggle.plus{background-position:center 11px ; }

}

/* -----移动端 800 ------------------------------------------------------------*/
@media (max-width: 800px) {
.relativenode .slick-prev{ left: 5px;background: url(../images/bannerarrow2_nobg.png) no-repeat 0 0px;outline: none !important;}
.relativenode .slick-next{right: 0px;background: url(../images/bannerarrow2_nobg.png) no-repeat -50px 0px;outline: none !important;}

.headerreg{left:120px;top:5px}
.pagewrap,.container{width: 100%; }
.area .container,.areaAllwidth .container{width: 98%;padding-left:1%;padding-right:1% }

 .popcontent img{width: 100%;height: auto;  }
.area{min-height: 400px}
.area .bgarea{border:0}

/*.homenewsgd*/
.homenewsgd{width: 95%;padding-left:5px;height: 80px;  }
.homenewsgd .w1{width: 60% }
.homenewsgd .w2,.homenewsgd .alert{width: 100% }
.homenewsgd .title{width:75% }
.homenewsgd .more{overflow:hidden;  margin-left:3%;padding:8px 1% }

/*content*/

.area .container{padding-top:3px}
.sidebar,.content,.cntwidth{width: 100%; margin:0 auto;clear:both; overflow:hidden; float:none;display:block;  }
.perwidth .content_desp{padding:0}

.content_def{padding:8px; }
.content_def .kv img,.despcontent img,.content_top img{width: 100%; }
.playnoad{width: 100%; height:350px; }
.proheader .half{width:100% }
.cntper .content_default{padding:0;  }

.cellbacktop{display:block;padding:3px; text-align:center;   }


/*player*/
.playerbox{display:block;text-align:center;padding:20px;  }
.player{width: 100%;height: 300px;display:block;   }
.playerlink{padding-top:20px; }

.homenews li a{width: 70%; }
 body #online_qq_layer{top:200px}

#back-top a{position:fixed;bottom:10px;right:10px}
.popbox{width: 90%; }
.per800{width: 100%; clear:both; overflow:hidden;}
.homegn li{width: 31%; }
.content_default{width: 98%;margin:0 auto;  }

.hidecontent_cainiaoyz .tabs_content{height: 380px; }
.permobile800{width: 100%; }


/*  .regioncnt{padding:10px 0px}
 .notitlecontent{padding:0px 5px} */
.gridnomag li{width: 49.9%; }
.gridnomag3 li{width: 33.3%; }/*need hack gridnomag*/
.gridnomag2 li{width: 50%; }
.gridnomag4 li{width: 50%; }

.gridcolhg120 .img img{height: 90px; }
.gridcolhg150 .img img{height: 120px; }
.gridcolhg180 .img img{height: 150px; }
.gridcolhg210 .img img{height: 180px; }
.gridcolhg240 .img img{height: 210px; }
.gridcolhg270 .img img{height: 240px; }
.gridcolhg300 .img img{height: 270px; }

.gridcol4 li,.gridcol2 li{width: 45%; padding:0; margin-left: 2.2%; margin-right: 2.2%}
.gridcol3 li{width: 30%; margin-left:1.6%;margin-right:1.6%;} /*if not ,will be hack by above gridcol li*/
.major-list li{height: 160px;width: 45%;  }
.major-list li .title{top:60px}

.gridkf li{width: 24.9%;height: 120px; }
.height500{height: 300px; }
 .regionhd h3 {font-size:20px;}
/*banner*/
.bannerheight{height: 100px !important; }
.bannerbg .bannertext h1{ font-size:20px; }
.bannerbg .bannertext h1:after{margin-top:8px}
.bannerbg .bannertext{bottom:30%}
.bannerbg02 .breadcrumb{padding-top:5px}
.bannerbg02 .bannertext{bottom:10%}
/*oddabout*/
.oddabout .title{  font-size: 21px; padding:10px 0 25px 0}
.oddabout .desp {  font-size: 16px; padding-bottom:20px}
.oddabout .line1 .text{text-align:left; }
/*gridheader*/
.gridheader h2.title{font-size:30px;padding-bottom:30px;}
.gridheader .desp{font-size:16px;padding-bottom:20px;}
.gridtext .text{padding:20px; }
.gridtext h3.title{font-size:20px;padding-bottom:25px}


.mdtoparrow:after{bottom:100%;left:50%;top:inherit;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:12px;margin-left:-12px;z-index:9}
 .dmbtn .more{height: 40px;line-height:40px;padding:0 30px; font-size:14px;  }

.news_scroll .desp{font-size:12px;padding-top:0px;line-height:18px;height: 38px;overflow:hidden;   }
.footer .boxcol {margin-top:20px;}

.col_1f6,.col_5f6,.col_1f5,.col_2f5,.col_3f5,.col_4f5,.col_1f4,.col_3f4,.col_1f3,.col_2f3,.colhalf{width:50%;display:block; }

 .team02 .w1,.team02 .w2{width: 100%; }
.team02 .w2{margin-top:15px}
.team02 .w2 .img{height: 130px}
/*end media 800*/
}




/* max-width: 480--800px  -------------*/
@media   (min-width:481px)  and  (max-width: 800px){
.gridcol2mid .desp{height: 95px;overflow:hidden;  }


}

/* max-width: 480--600px  -------------*/
@media   (min-width:481px)  and  (max-width: 600px){
.gridlist li{height: 170px; }
.gridlist .img img{width: 147px; height: 136px; }

.albumlist li{width:27%;  }
.hidecontent_cainiaoyz .tabs_content{height: 280px; }

}
/* max-width: 600px  -------------*/
@media    (max-width: 600px){
.mt50,.mt30{margin-top:10px}.mb50,.mb30{margin-bottom:10px}
.jiathis_style{display:none; }
 .content_header .breadcrumb {display:none; }

.news_scroll .desp{ display:none;  }
.news_scroll .circle{display:none; }
.news_scroll  .datemob{ display:block; }
.news_scroll li.listgd {height: 70px; }

.bxgridlines li {height: 190px; }
.bxgridlines li .img{height: 150px; }
/*column ----------------------*/

.col_1f6,.col_5f6,.col_1f5,.col_2f5,.col_3f5,.col_4f5,.col_1f4,.col_3f4,.col_1f3,.col_2f3,.colhalf{width: 100%;display:block; }





/*end media 600*/
}
/* max-width: 480px  -------------*/
@media  (max-width:480px) {

.dn480,.hide480{display:none}
.fr,.fl{float:none;}
.per480{width: 100%; clear:both; overflow:hidden;}
.boxheadercenter h3{font-size:26px;}
.imglist li{margin-left:20%}
.gridlist  li{width: 43%; height: 163px;margin-right:2.3%}
.gridlist .img img{width: 142px;height: 109px;  }

.albumlist li{width:42%;  }
.bxgridPro li .img img{height: 150px; }
.bxgridPro{height: 190px; }

 .homekf li img{height: 120px; }
 .homekf .regioncnt{height: 120px; }


.homegn li{width: 45%; }

.tabs_wrapper .tabs_header li{display:block;padding:5px;border-bottom:1px solid #2f4365; margin:0; }
.tabs_wrapper .tabs_header .active:after{display:none; }

.eisliderwrap{padding-bottom:24%}
.hidecontent_cainiaoyz .tabs_content{height: 230px; }
.bxgridlines li {height: 160px; }
.bxgridlines li .img{height: 120px; }
.gridnomag li,.gridnomag2 li,.gridnomag3 li,.gridnomag4 li{width: 99.9%; }


/*end media 480*/
}

 /* max-width: 320px  -------------*/
@media  (max-width:320px) {
.hidecontent_cainiaoyz .tabs_content{height: 160px; }
.gridlist  li{width: 42%; height: 133px;}
.gridlist .img img{width: 104px;height: 79px;  }
/*end media 320*/
}

 /* min-width: 481px  -------------*/
@media  (min-width:481px) {
.gridcol  .desp{height:90px;line-height:18px; overflow:hidden; clear:both;margin:10px;  }

/*end media 481*/
}
